@CHARSET "EUC-KR";
@import "jquery.mobile-1.3.0.min.css";
@import "custom-theme.css";

body {font-size: 0.75em; padding:0; margin:0;}

li {list-style-type:none; }


/* create_new_moim_1 */
.create_add_members ul li { display: inline; }

/* create_new_moim_2 */
.add_member_list { min-width: 30em; }

/* board */
#board { overflow-x:hidden;}
.member_excluded, .member_included { width:100%; min-height: 38px; display: block; margin:0; padding: 0; }
.member_excluded img, .member_included img { width: 30px; height: 30px; margin: 3px; border: 1px solid #666666; }
.member_excluded div, .member_included div { position: absolute; cursor: move; }
.member_excluded { background-color: #DDDDDD; }
.member_included { background-color: #FFFFFF; }
#board .ui-collapsible .ui-icon, #plaza .ui-collapsible .ui-icon 
	{ background-position: -180px 50%;/*Position of up icon in icon sprite*/ }
#board .ui-collapsible-collapsed .ui-icon, #plaza .ui-collapsible .ui-icon  
	{ background-position: -216px 50%;/*Position of down icon in icon sprite*/ }
#board img, #plaza img { width: 30px; height: 30px; }
#board .date, #plaza .date { float: right; font-size: 7pt; color: #888888; font-weight: 200; line-height:40px;}
#board div.author, #plaza div.author{ float:left; font-size:7pt; color: #555555; font-weight: 100; vertical-align: middle;
					margin-right: 5px; text-align: center; max-width: 35px; width: 35px; line-height:120%; }
#board ul li .rtitle, #plaza .rtitle { line-height:40px; }

/* square only */
.square ul li { display: block; }
.comment img { float:left; vertical-align: middle; width:30px; height:30px;}
div.comment_name { width: 10%; min-width: 4em; font-weight: bold; float:left; }
div.comment_content { float:left; max-width: 85%;}
.comment { min-height: 35px; margin-top: 0.5em; }

.comment_write div, .chat_input div { float:left; padding:0; margin: 0; }
.comment_write .comment-text input[type='text'], .chat_input .chat-text { width: 200px !important; }
.comment_write .comment-send [data-role='button'], .chat_input .chat-send { width: 60px !important; margin-left:10px !important; }


#plaza .comment_write .comment-text input[type='text'] { width: 180px !important; }

#plaza img, #board img { vertical-align:middle; }

/* moim list */
#moims [data-role=content] { overflow-x:auto; overflow-y:hidden; padding:0; min-height:100%; }
#moims {overflow:hidden;}
#moims #my_moims{ background: url(../img/moim_bg.jpg) top left repeat-x !important; background-size:auto 100% !important;
				  background-attachment:scroll !important;
				  min-width:100%; min-height:573px; max-height: 100%; overflow-x:auto; overflow-y:hidden;
				  padding:0; margin : 0; position:relative; }
#moims #cloud { position: fixed; left: 160px; top:120px; }
#moims #my_moims div {position:absolute; text-align:center;}
#moims #my_moims div a {text-decoration:none; color:#fcfcfc;}

/* board main */
#moim .imgs div { position:absolute; border:1px solid #aaaaaa; z-index:99}
#moim .center { position:absolute; width: 150px; height: 150px; -webkit-border-radius: 75px; -moz-border-radius: 75px;
				border-radius: 75px; border:3px solid #4ecfa3; background-color:#fff154; }
#moim .center div { position:absolute; z-index:90;}
#moim .active { background-color: #BEE; border-color: #8BB; }

/* logout panel*/
#logout_panel { position: absolute; bottom:-60px; background-color: #aaaaaa; width:200px; margin-left:60px;
				padding: 0 10px; display:none; height: 57px; border: solid #999999; border-width: 1px 1px 0 1px}

/* helper */
.clear { clear: both; }
a[data-role='button'] {max-width:400px;}
[data-role=header] h2 { text-align:left !important; margin-left:40px !important; }
